@CHARSET "UTF-8";
body {
	border:1px none blue;
	margin:0 auto;
	width:100%;
  	height:606px;
	background-image:url(../img/book-login.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index: 1;
}
.loginView{
	border:1px none blue;
	height:355px;
	width:320px;
	margin:auto auto;
	background-color:#000;
/* 	background-color:rgba(252,175,23,0.2); */
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	position: absolute;
	background-color:rgba(0,0,0,0.4);
	left:531px;
	top:165px;
    
}
#time{
	border:1px none #000;
	border-left:none;
	border-right:none;
	height:40px;
	width:100%;
	font-size:22px;
	margin:0 auto;
	text-align:center;
	line-height:66px;
	color:#fff;
	margin-top:10px;


}
.loginView-head{
	border:1px none blue;
	height:50px;
	width:100%;
	font-size:22px;
	margin:0 auto;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	color: #fff;
	/*color:RGB(33,150,243);*/
}
.loginView-ifmaion{
	border:1px none blue;
	height:120px;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#d9d6c3;
}
.loginView-name{
	border:1px none blue;
	height:30px;
	width:70%;
	margin:0 auto;
	color:#000;
	background-color:#eee;
	margin-top:22px;
	padding-left:5px;

}
.loginView-psd{
	border:1px none blue;
	height:30px;
	width:70%;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}
.loginView-emall{
	border:1px none blue;
	height:30px;
	width:70%;
	margin:0 auto;
	color:#000;
	margin-top:10px;
	background-color:#eee;
	border-color:rgb(0,0,0,0.0);
	padding-left:5px;
		
}

.loginView-btn{
	border:0px none blue;
	height:32px;
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.loginView-btnzc{
	border:1px none blue;
	/*height:32px;
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
   float: right;
   margin-top:20px;
   margin-right:52px;
}
.loginView-btnzc>a{
	color:#d9d6c3;
	font-size: 12px;
}
.loginView-btnzc>a:link{
	text-decoration: none;
}
.loginView-btnSon{
	border:0px none blue;
	height:32px;
	width:100%;
	background-color:RGB(33,150,243);
	color:#fff;
	font-size:16px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline:none;
}
.loginView-btnSonZc{
	border:0px none blue;
	height:32px;
	width:100%;
	background-color:RGB(33,150,243);
	color:#fff;
	font-size:16px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline:none;
}
.rmname{
	border:1px solid none;
	height:30px;
	width:70%;
	margin-left:47px;
	margin-top: 5px;
}
.rmName-left{
	border:1px solid none;
	float: left;
	font-size: 12px;
}
.rmName-midden{
	border: 1px solid none;
	float:left;
	margin-left:5px;
}
.rmName-right{
	border:1px solid none;
	float:right;
	font-size: 12px;
	color:#fff;
}
.rmName-right>a{
	font-size: 12px;
 	color:#d9d6c3;
}
.rmName-right>a:link {
 text-decoration: none;

}
.zhuce{
	border:1px solid none;
	height:355px;
	width:320px;
	position: absolute;
	display:none;
	z-index: 2;
	left: 531px;top: 164px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

	
	/*background-color:rgba(0,0,0,0.4);
	 */
	background-color: #fff;
	left:531px;
	top:165px;
}
.zctop{
	border:1px solid none;
	width:90%;
	margin: 0 auto;
	text-align: center;
	font-family: "微软雅黑";
	font-size:22px;
}
.zctext{
	border:1px solid none;
	width:80%;
	margin: 0 auto;
	text-align: center;
	color: #999;
	font-size:16px;
}
.zcmiddle{
	border:1px solid none;
	width:80%;
	margin: 0 auto;
	text-align: center;
	margin-top:35px;
	margin-left:41px;
}
.zcmWB{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) 7px 3px no-repeat;

}
.zcmWB:hover{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) 7px -77px no-repeat;
}
.zcmQQ{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) -73px 3px no-repeat;
}
.zcmQQ:hover{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) -73px -77px no-repeat;
}
.zcmWX{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) -314px 3px no-repeat;
}
.zcmWX:hover{
	border:1px solid none;
	width:30%;
	height:70px;
	float:left;
	background: url(../img/TB.png) -314px -77px no-repeat;
}
.zcbotton{
	border:1px solid none;
	width:90%;
	text-align: center;
	margin:0 auto;
	font-size: 14px;
}
.zcbotton-left{
	border:1px solid none;
	width:90%;
	margin:0 auto;
	margin-top:145px;
	font-size: 14px;
}
.zcbotton-left>a{
	color:#9E7E6B;
}
.zcbotton-left>a:link{
	text-decoration: none;
}
/*登录框Switch方法样式begin*/
.iSwitch{
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  background: #dcdcdc;
  border:1px solid #dcdcdc;
  box-shadow: 0 0 5px #dcdcdc;
  overflow: hidden;
  vertical-align: middle;

}
.iSwitch input{
  visibility: hidden;
}
.iSwitch i{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch i::before{
  content: " ";
  display: none;
  width: 200%;
  height: 100%;
  border-radius: 25%;
  background: #61cafd;
}
.iSwitch i::after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch input:checked + i{
  transform:translateX(100%);
  -webkit-transform:translateX(100%);
}
.iSwitch input:checked + i:before{
  display: inline-block;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
/*登录框Switch方法end*/

<!--超链接去掉下划线开始-->
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}

.hide{
	display: none;
}
.show{
	display: block;
}
